<template>
	<view style="height: 100%;" class="flex flex-column j-center">
		<radio-group style="line-height: 48rpx;" @change="choose" name="gender">
			<label style="margin-right: 160rpx;height: 100%;line-height: 48rpx;">
				<radio :checked="true" style="transform:scale(0.7);" color="#3961FA" :value="0" />
				<text style="font-size: 28rpx;color: #333333;">{{key[index].value}}</text>
			</label>
			<label>
				<radio style="transform:scale(0.7);" color="#3961FA" :value="1" />
				<text style="font-size: 28rpx;color: #333333;">{{key[index].value2}}</text>
			</label>
		</radio-group>
	</view>
</template>

<script>
	export default {
		props: {
			index: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {
				key: [{
						value: "否",
						value2: "是"
					},
					{
						value: "男",
						value2: "女"
					},
					{
						value: "单位",
						value2: "个人"
					}
				]
			}
		},
		methods: {
			choose(e) {
				this.$emit('choose', e.detail.value)
			}
		}
	}
</script>

<style>
</style>
